<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <META HTTP-EQUIV="pragma" CONTENT="no-cache">
    <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
    <META HTTP-EQUIV="expires" CONTENT="0">
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/bootstrap.css" />
        <link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/bootstrap-responsive.css" />
    <link rel="stylesheet" href="__PUBLIC__css/public.css">
    <script type="text/javascript" src="__PUBLIC__/js/jquery.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/jquery.SuperSlide.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/d3.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/common.js"></script>
    <script src="http://code.jquery.com/ui/1.11.0/jquery-ui.min.js"></script>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
    <link rel="stylesheet" href="http//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
    <link rel="stylesheet" href="">
    <style type="text/css">
    body {
        margin: 10px;
    }

    #container {
        width: 100%;
        margin: 10 auto;
        padding-top: 5px;
        padding-left: 10px;
        text-align: center;
    }
    
    #month_text {
        width: 50%;
        margin: 0 auto;
        text-align: center;
        position: relative;
    }
    </style>
    <script type="text/javascript">
    $(function() {

        $("#datepicker-start").datepicker({
            dateFormat: 'yy-mm-dd',
            showButtonPanel: true,

        });
        $("#datepicker-end").datepicker({
            dateFormat: 'yy-mm-dd',
            showButtonPanel: true,

        });

         $("#start_date").datepicker({
            dateFormat: 'yy-mm-dd',
            showButtonPanel: true,

        });
        $("#end_date").datepicker({
            dateFormat: 'yy-mm-dd',
            showButtonPanel: true,

        });

         $("#start_date1").datepicker({
            dateFormat: 'yy-mm-dd',
            showButtonPanel: true,

        });
        $("#end_date1").datepicker({
            dateFormat: 'yy-mm-dd',
            showButtonPanel: true,

        });

       $('#btn_count').click(function(){
           
             var start_date = $('#start_date').val();
             var end_date = $('#end_date').val();

         
     

        $.ajax({
            cache: true,
            type: "POST",
            url: "{:U('province/statByProvinceBetween')}",
            data: {
              
                'start_date': start_date,
                'end_date':end_date
            }, // 你的formid
            async: true,
            error: function(request) {
                alert("Connection error");
            },
            success: function(data) {
              
                fighting.createTable(data);
            }
        });
       });
       
        $('#btn_count1').click(function(){
           
             var start_date = $('#start_date1').val();
             var end_date = $('#end_date1').val();

         
     

        $.ajax({
            cache: true,
            type: "POST",
            url: "{:U('province/statByProvinceBetweenT')}",
            data: {
              
                'start_date': start_date,
                'end_date':end_date
            }, // 你的formid
            async: true,
            error: function(request) {
                alert("Connection error");
            },
            success: function(data) {
              
                fighting.createTable(data);
            }
        });
       });


    })
    </script>
</head>

<body>
    <form action="{:U('stat/count')}" method="post" accept-charset="utf-8">
        开始日期：
        <input type="text" id="datepicker-start" value="{$date}" name="date_time" /> 结束日期：
        <input type="text" id="datepicker-end" value="{$date}" name="date_end" />
        第一张表<input type="radio" name="type" value="0" />
          第二张表<input type="radio" name="type" value="1" />
            第三张表<input type="radio" name="type" value="2" />
        <input type="submit" value="统计" class="btn btn-primary">
    </form>
    <br>
    <br>
    <div>
        省份区间统计<第二张表>：</br>
        开始日期：
        <input type="text" id="start_date" value="{$date}" name="date_time" /> 结束日期：
        <input type="text" id="end_date" value="{$date}" name="date_end" />
         <input type="submit" id="btn_count" class="btn btn-primary" value="统计" class="btn btn-primary">

    </div>
    <div>
        省份区间统计<第三张表>：</br>
        开始日期：
        <input type="text" id="start_date1" value="{$date}" name="date_time" /> 结束日期：
        <input type="text" id="end_date1" value="{$date}" name="date_end" />
         <input type="submit" id="btn_count1"  value="统计" class="btn btn-primary">

    </div>

      <div id="container" class="container"></div>
    <div id="month_text" class="month_text"></div>
</body>

</html>
